<!--请求遍历商品列表 向商品详情组件传递点击时的key值-->
<div id="head" class="goods"  *ngFor="let item of varieties ;let key = index;" [routerLink]="['/details']" [queryParams] = '{key:key}'>

  <div class="head">
    <h2>{{item.g_title}}</h2>
     <h3>——原生态苜蓿，高蛋白，高纤维，我们的首选牧草——</h3>
  </div>
  <div class="body">
    <img src={{item.g_img}}>
    <div class="red" *ngIf="item.g_sold">直降</div>
  </div>
  <div class="bottm">
    <h3>
      <!--{{item.level}}&nbsp;-->
      <!--{{item.quality}}-->
      <!--{{item.trademark}}-->
      <!--{{item.state}}-->
      <span>特级</span>
      &nbsp;
      <span>优质</span>
      &nbsp;
      <span>原生态苜蓿菜</span>
      &nbsp;
      <span *ngIf="!item.g_state">粉末</span>
    </h3>
      <h2><span class="currency">￥</span>{{item.g_price}}&nbsp;&nbsp;
        <span class="OldPrice" *ngIf="item.g_sold" >原价：{{item.g_sold}}</span>
      </h2>
  </div>
</div>
<br>
<br>
<br>
<br>
<br>

